<template>
	<div >
		<aplayer
			:music="musicList[0]"
			:list="musicList"
			:volume="0.1"
		/>
	</div>
</template>

<script>
// ES6
import Aplayer from 'vue-aplayer';

export default {
	name: 'Music',
	components: {
		Aplayer
	},
	data() {
		return {
			musicList:[
				{
					title: '棠梨煎雪',
					artist: '双笙',
					src: 'https://cdn.jy520.fun/yr/%E6%A3%A0%E6%A2%A8%E7%85%8E%E9%9B%AA.mp3',
					pic: 'https://cdn.jy520.fun/superbed/2020/08/08/5f2e1c9414195aa5943d8009.jpg'
				},
				{
					title: '长安忆',
					artist: '音频怪物',
					src: 'https://cdn.jy520.fun/yr/%E9%9F%B3%E9%A2%91%E6%80%AA%E7%89%A9%20-%20%E9%95%BF%E5%AE%89%E5%BF%86.mp3',
					pic: 'https://cdn.jy520.fun/superbed/2020/08/08/5f2e1cbe14195aa5943d9093.jpg'
				},
				{
					title: '桃之夭杳',
					artist: '兔裹煎蛋卷',
					src: 'https://cdn.jy520.fun/yr/%E5%85%94%E8%A3%B9%E7%85%8E%E8%9B%8B%E5%8D%B7%20-%20%E6%A1%83%E4%B9%8B%E5%A4%AD%E6%9D%B3.mp3',
					pic: 'https://cdn.jy520.fun/superbed/2020/08/08/5f2e1cee14195aa5943da425.jpg'
				},
				{
					title: '伶仃谣',
					artist: '河图',
					src: 'https://cdn.jy520.fun/yr/%E6%B2%B3%E5%9B%BE%20-%20%E4%BC%B6%E4%BB%83%E8%B0%A3.mp3',
					pic: 'https://cdn.jy520.fun/superbed/2020/08/08/5f2e1d1114195aa5943db4e5.jpg'
				},
				{
					title: '我把情歌唱给你听',
					artist: '李惠芹/付雪莹',
					src: 'https://cdn.jy520.fun/yr/%E4%BB%98%E9%9B%AA%E8%8E%B9%2C%E6%9D%8E%E6%83%A0%E8%8A%B9%20-%20%E6%88%91%E5%94%B1%E6%83%85%E6%AD%8C%E7%BB%99%E4%BD%A0%E5%90%AC%EF%BC%88%E5%A4%A7%E5%90%88%E5%94%B1%E4%B8%B2%E7%83%A7%EF%BC%89%EF%BC%88Cover%20%E5%90%B4%E6%B5%B7%E5%95%B8%20%EF%BC%8F%20%E9%BB%84%E9%9B%AF%E5%A9%B7%EF%BC%89.mp3',
					pic: 'https://cdn.jy520.fun/superbed/2020/08/08/5f2e1d6114195aa5943dd7ef.jpg'
				}
			]
		};
	}
};
</script>

<style lang="stylus" scoped="scoped">
.aplayer
	margin 0
</style>
